<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>制作开心网</title>
		<link rel="stylesheet" href="css/kaixinwang.css" />
	</head>
	<body>
		
		<div class="all">
			<!--这是头部-->
			<div class="dongtu1"><img src="imgkaixin/ad3.jpg" /></div>
			<div class="header clearfix">
				<div class="logo">
					<img src="imgkaixin/gameLogo.png" />
				</div>
				<div class="shouye">
					<a href="#">首页</a>
				</div>
				<div class="header-right">
					<ul class="nav-right">
						<li><a href="#">注册</a> | </li>
						<li><a href="#">登录</a> | </li>
						<li><a href="#">帮助</a> | </li>
						<li><a href="#">更多</a></li>
					</ul>
				</div>
			</div>
			<!--这是第二栏-->
			<div class="zhuti clearfix">
				<div class="yindao">
					<ul class="lead">
						<li><a href="#"><img src="imgkaixin/sub-2.gif" />征战四方</a></li>
						<li><a href="#"><img src="imgkaixin/sub-3.gif" />龙将</a></li>
						<li><a href="#"><img src="imgkaixin/sub-4.gif" />弹弹糖</a></li>
						<li><a href="#"><img src="imgkaixin/sub-5.gif" />凡人修真2</a></li>
						<li><a href="#"><img src="imgkaixin/sub-6.gif" />一骑当先</a></li>
						<li><a href="#"><img src="imgkaixin/sub-7.gif" />宫廷计</a></li>
						<li><a href="#"><img src="imgkaixin/sub-8.gif" />神仙道</a></li>
					</ul>
				</div>
				<div class="banner">
					<a href="#"><img src="imgkaixin/xdtgg_frxz2_44.jpg" /></a>
					<ul class="number">
						<li class="number1"><a href="#""><span>1</span></a></li>
						<li class="number2"><a href="#"><span>2</span></a></li>
						<li class="number2"><a href="#"><span>3</span></a></li>
						<li class="number2"><a href="#"><span>4</span></a></li>
					</ul>
				</div>
				<div class="userland">
					<form>
						<div class="text1"><p>开心网用户登录</p></div>
						<div class="userland-1"><span>账号：</span><input type="text" maxlength="6" placeholder="字母、数字的六位字符" required="required" /></div>
						<div class="userland-2"><span>密码：</span><input type="text" maxlength="4" placeholder="四位数字" required="required" /></div>
						<div class="land"><input type="image" src="imgkaixin/btnLogin.jpg" /></div>
						<div class="tishi clearfix">
							<div class="zhuce"><a href="#">立即注册</a></div>
							<div class="forget"><a href="#"> 忘记密码</a></div>
						</div>
					</form>
				</div>
			</div>
			<!--第三栏-->
			<div class="disanlan clearfix">
				<div class="games">
					<div class="title">
						<ul class="youxi">
							<li class="bothgame"><a href="#">全部游戏</a></li>
							<li class="bothgame2"><a href="#">战争策略</a> ｜ </li>
							<li class="bothgame2"><a href="#">体育经营</a> ｜ </li>
							<li class="bothgame2"><a href="#">社交游戏</a></li>
						</ul>
					</div>
					<div class="neirong1 clearfix">
						<div class="kuaiyi clearfix">
							<div class="neirong-first"><a href="#"><img src="imgkaixin/img-4.jpg" /></a></div>
							<div class="text-1">
								<p>三国题材横版RPG网游，丰富的<br />武将系统<br />类型：角色扮演<br />游戏人气：<span>470921</span></p>
							<div class="tijiao">
								<input type="submit" name="xuanfu" class="xuanfu" value="选服" />
								<input type="submit" name="jinru" class="jinru" value="进入游戏" />
							</div>
							</div>	
					</div>
					<div class="kuaier clearfix">
							<div class="neirong-second"><a href="#"><img src="imgkaixin/img-5.jpg" /></a></div>
							<div class="text-2">
								<p>一款不建主城不等CD，不占资<br />源，全程战斗<br />类型：战征策略<br />游戏人气：<span>8745221</span></p>
							<div class="tijiao">
								<input type="submit" name="xuanfu" class="xuanfu" value="选服" />
								<input type="submit" name="jinru" class="jinru" value="进入游戏" />
							</div>
							</div>
						</div>
				</div>
				
			</div>
			<div class="third-right">
				<div class="news"><p class="bothgame"><a href="#">新闻公告</a></p></div>
				<div class="newspaihang">
					<ul class="news-news">
						<li><a href="#"><img src="imgkaixin/rightTwo.png" /><span>[征战四方] 开心首服·黄巾之乱</span></a></li>
						<li><a href="#"><img src="imgkaixin/rightTwo.png" /><span>[龙将] 火爆8服·八门金</span></a></li>
						<li><a href="#"><img src="imgkaixin/rightTwo.png" /><span>[弹弹堂] 41服开启·万人竞技</span></a></li>
						<li><a href="#"><img src="imgkaixin/rightTwo.png" /><span>[凡人修真2] 03月08日·四海帝王</span></a></li>
						<li><a href="#"><img src="imgkaixin/rightTwo.png" /><span>[一骑当先] 开心2服上线送黄金</span></a></li>
						<li><a href="#"><img src="imgkaixin/rightTwo.png" /><span>[宫廷计] 03月06日·西施秘史</span></a></li>
						<li><a href="#"><img src="imgkaixin/rightTwo.png" /><span>[凡人修真2] 03月08日·四海帝王</span></a></li>
					</ul>
				</div>
			</div>
			</div>
			<div class="four clearfix">
				<div class="four-left">
					<div class="colsplay"><p class="bothgame"><a href="#">角色扮演</a></p></div>
					 <div class="four-left-bottom">
						<ul class="find clearfix">
							<li>
								<div class="pic"><a href="#"><img src="imgkaixin/img-6.jpg" /></a></div>
								<div class="wenzi1">游戏人气：1765314<br />游戏状态：<span>22区开启</span></div>
								<div class="tijiao1">
								<input type="submit" name="xuanfu1" class="xuanfu1" value="选取" />
								<input type="submit" name="jinru1" class="jinru1" value="进入游戏" />
						</div>
							</li>
							<li>
								<div class="pic"><a href="#"><img src="imgkaixin/img-7.jpg" /></a></div>
								<div class="wenzi1">游戏人气：1245814<br />游戏状态：<span>23区开启</span></div>
								<div class="tijiao1">
								<input type="submit" name="xuanfu1" class="xuanfu1" value="选取" />
								<input type="submit" name="jinru1" class="jinru1" value="进入游戏" />
						</div>
							</li>
							<li>
								<div class="pic"><a href="#"><img src="imgkaixin/img-8.jpg" /></a></div>
								<div class="wenzi1">游戏人气：1232158<br />游戏状态：<span>25区开启</span></div>
								<div class="tijiao1">
								<input type="submit" name="xuanfu1" class="xuanfu1" value="选取" />
								<input type="submit" name="jinru1" class="jinru1" value="进入游戏" />
						</div>
							</li>
							<li>
								<div class="pic"><a href="#"><img src="imgkaixin/img-9.jpg" /></a></div>
								<div class="wenzi1">游戏人气：123745<br />游戏状态：<span>18区开启</span></div>
								<div class="tijiao1">
								<input type="submit" name="xuanfu1" class="xuanfu1" value="选取" />
								<input type="submit" name="jinru1" class="jinru1" value="进入游戏" />
						</div>
							</li>
							<li>
								<div class="pic"><a href="#"><img src="imgkaixin/img-10.jpg" /></a></div>
								<div class="wenzi1">游戏人气：178501<br />游戏状态：<span>火爆开启</span></div>
								<div class="tijiao1">
								<input type="submit" name="xuanfu1" class="xuanfu1" value="选取" />
								<input type="submit" name="jinru1" class="jinru1" value="进入游戏" />
						</div>
							</li>
							<li>
								<div class="pic"><a href="#"><img src="imgkaixin/img-11.jpg" /></a></div>
								<div class="wenzi1">游戏人气：983014<br />游戏状态：<span>2服开启</span></div>
								<div class="tijiao1">
								<input type="submit" name="xuanfu1" class="xuanfu1" value="选取" />
								<input type="submit" name="jinru1" class="jinru1" value="进入游戏" />
						</div>
							</li>
							<li>
								<div class="pic"><a href="#"><img src="imgkaixin/img-12.jpg" /></a></div>
								<div class="wenzi1">游戏人气：745214<br />游戏状态：<span>4服开启</span></div>
								<div class="tijiao1">
								<input type="submit" name="xuanfu1" class="xuanfu1" value="选取" />
								<input type="submit" name="jinru1" class="jinru1" value="进入游戏" />
						</div>
							</li>
							<li>
								<div class="pic"><a href="#"><img src="imgkaixin/img-13.jpg" /></a></div>
								<div class="wenzi1">游戏人气：654814<br />游戏状态：<span>火爆开启</span></div>
								<div class="tijiao1">
								<input type="submit" name="xuanfu1" class="xuanfu1" value="选取" />
								<input type="submit" name="jinru1" class="jinru1" value="进入游戏" />
						</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="four-right">
					<div class="tencent"><a href="#"><img src="imgkaixin/ad1.jpg" /></a></div>
					<div class="xinlang"><a href="#"><img src="imgkaixin/ad2.jpg" /></a></div>
					<div class="four-right-bottom">
						<div class="shipin"><p class="bothgame"><a href="#">游戏视频</a></p></div>
						<div class="xifen">
						<div class="video clearfix fen">
							<div class="video1"><a href="#"><img src="imgkaixin/img-1.jpg" /></a></div>
							<div class="video1-lead"><a href="#">《航海之王》麻辣<br />炫酷反穿越，英雄<br />时尚大变身！</a></div>
						</div>
						<div class="video clearfix">
							<div class="video1"><a href="#"><img src="imgkaixin/img-2.jpg" /></a></div>
							<div class="video1-lead"><a href="#">《弹弹堂》吴克群<br />同名激情主题MV,<br />体验修真乐趣</a></div>
						</div>
						</div>
					</div>
				</div>
			</div>
			<!--第五栏-->
			<div class="five clearfix">
				<div class="five-left">
					<ul class="felt">
						<li><a href="#">关于我们</a></li>
						<li><a href="#">手机版</a></li>
						<li><a href="#">开放平台</a></li>
						<li><a href="#">自助广告</a></li>
						<li><a href="#">招聘</a></li>
						<li><a href="#">客服</a></li>
						<li><a href="#">帮助</a></li>
					</ul>
				</div>
				<div class="five-right">
					<ul>
						<li>@2017开心网</li>
						<li>文网文[2009]157号</li>
						<li>京ICP证080482号</li>
						<li>京公网安备110000000003号</li>
						<li>未成年人家长监护</li>
					</ul>
				</div>
			</div>
			
			
		
		</div>
		
	</body>
</html>
